/**DEFAULTS:e0bf12**/
/**unknown,netscape,konqueror,gecko,firefox,opera,webkit,safari,msie**/
body,h1,h2,h3,p,ul,li{margin:0;padding:0;}
img{border:0;}

body{
	background:#303030 url('./../img/noise.png');
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 11px;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
}

ul{margin-left:20px;}

a,.TextSubmit{color:#COL1;text-decoration:none;border:0;}
a:hover,.TextSubmit:Hover{color:#COL1+0.75;cursor:pointer;}
a img{border:1px solid #COL1;}
a img:hover{border:1px solid #COL1+0.75;}

.TextSubmit{background:none;font-size:11px;}
.InputText, textarea{
	border:1px solid #111;
/*TODO:netscape,konqueror,gecko*/
/**unknown,netscape,konqueror,gecko**/	background:#454545;
/**firefox**/	background: -moz-linear-gradient(top, #404040, #4b4b4b); 
/**opera**/	background: -o-linear-gradient(top, #404040, #4b4b4b); 
/**webkit,safari**/	background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#4b4b4b));
/**msie**/	background: -ms-linear-gradient(top, #404040, #4b4b4b); 
/**msie**/	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#404040', EndColorStr='#4b4b4b');
	color:#DDD;
}
.InputText:focus, textarea:focus{border-color:#COL1;}
textarea{overflow:hidden;}
.InputSubmit{
	border:1px solid #111;
/*TODO:netscape,konqueror,gecko*/
/**unknown,netscape,konqueror,gecko**/	background:#585858;
/**firefox**/	background: -moz-linear-gradient(top, #707070, #404040); 
/**opera**/	background: -o-linear-gradient(top, #707070, #404040); 
/**webkit,safari**/	background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#404040));
/**msie**/	background: -ms-linear-gradient(top, #707070, #404040); 
/**msie**/	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#707070', EndColorStr='#404040');
	color:#FFF;
	border-radius:3px;
	cursor:pointer;
}
.InputSubmit:hover{
/*TODO:netscape,konqueror,gecko*/
/**unknown,netscape,konqueror,gecko**/	background:#787878;
/**firefox**/	background: -moz-linear-gradient(top, #909090, #505050); 
/**opera**/	background: -o-linear-gradient(top, #909090, #505050); 
/**webkit,safari**/	background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#505050));
/**msie**/	background: -ms-linear-gradient(top, #909090, #505050); 
/**msie**/	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#909090', EndColorStr='#505050');
}

.InputDDM{
	position:relative;
	font-size:15px;
	border:1px solid #111;
}
.InputDDM:hover .DDM, .DDM:hover{display:block;}

/* layout */
#Header{height:100px;width:968px;}
#Page{width:968px;position:relative;}
#Nav{width:716px;}
#Content{width:718px;margin-top:2px;}
#Content .BG{min-height:700px;} /* to prevent sidebar overflow */
#Footer{height:50px;margin-top:2px;}
#Sidebar{
	width:250px;
	position:absolute;
	right:0;
	top:0;
	bottom:54px;
}
#PageBG{background:url('./../img/mopbg.png') no-repeat center top;}
#Header{position:relative;}
#Header h1{
	margin:12px 0 0 40px;
	font-size:35px;
	font-family:Adobe Fangsong Std R;
	text-shadow: 1px 1px 5px #000;
}
#Header h2{
	font-size:10px;
	color:#999;
	position:absolute;
	top:74px;
	left:40px;
}

/* Navigation Bar */
#Nav .BG{height:38px;}
#Nav ul{margin-left:1px;font-size:3px;}
#Nav li{display: inline;position:relative;}
.NavBtn{
	line-height:38px;
	font-size:15px;
/*TODO:netscape,konqueror,gecko*/
/**unknown,msie,netscape,konqueror,gecko**/	background:#282828;
/**firefox**/	background-image: -moz-linear-gradient(top, #2b2b2b, #222);
/**opera**/	background-image: -o-linear-gradient(top, #2b2b2b, #222); 
/**webkit,safari**/	background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#222));
	border:1px solid #111;
	position:relative;
/*TODO:Confirm*/
/**unknown,opera,webkit,netscape,safari,msie,konqueror,gecko**/	padding: 8px 15px 8px 15px;
/**firefox**/	padding: 7px 15px 7px 15px;
}
.NavBtn:hover{
/*TODO:netscape,konqueror,gecko*/
/**unknown,msie,netscape,konqueror,gecko**/	background:#383838;
/**firefox**/	background-image: -moz-linear-gradient(top, #444, #333);
/**opera**/	background-image: -o-linear-gradient(top, #444, #333); 
/**webkit,safari**/	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
}
.NavDDM{right:1px;top:14px;left:0;}
.NavDDM a{display:inline-block;width:100%;padding:3px 0 3px 0;}
.NavDDM a:Hover{background:#484848;}
#Nav li:hover .NavDDM{display:block;}

/* Page areas */
#Content .BG{background-color:#444;width:714px;position:relative;}
#Sidebar .BG{background-color:#242424;}
#Footer .BG{height:48px;}
#Footer p{line-height:18px;margin:5px;display:inline-block;color:#888;}
#InfoBar .BG{height:23px;padding:0 10px 0 10px;line-height:23px;}
#InlineLogin{display:inline-block;float:right;}
#InlineLogin .InputText{width:100px;}

#JSRequired{
	text-align:center;
	font-size:20px;
	position:absolute;
	height:100%;
	width:100%;
	z-index:9001;
	background:#000;
	opacity:0.8;
}

/* Common elements */
.DarkGradient{
/*TODO:netscape,konqueror,gecko*/
/**unknown,netscape,konqueror,gecko**/	background:#252525;
/**firefox**/	background: -moz-linear-gradient(top, #202020, #2b2b2b); 
/**opera**/	background: -o-linear-gradient(top, #202020, #2b2b2b); 
/**webkit,safari**/	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#2b2b2b));
/**msie**/	background: -ms-linear-gradient(top, #202020, #2b2b2b); 
/**msie**/	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#202020', EndColorStr='#2b2b2b');
}
.BG{border:1px solid #111;height:100%;background:url('./../img/Noise.png');box-shadow:0 2px 7px #222;}
.DDM{
	font-size:12px;
	position:absolute;
	background:#333;
	border:1px solid #111;
	display:none;
	z-index:9002;
	box-shadow:0 2px 7px #333;
}
.ContentPanel,.ContentTable{
	padding:5px;
	margin:10px;
	border:1px solid #777;
	background:#555 url('./../img/Noise.png');
	box-shadow:1px 1px 4px #333;
	border-radius:6px;
}
.ContentTable{border-radius:0;padding:0;background-color:#444;width:694px;}
.ContentTable td{border-bottom:1px solid #555;padding:2px 10px 3px 5px;}
.ContentTable .Header td{font-weight:bold;background:#383838 url('./../img/Noise.png');}

.Legendary{color:#FF8000;}
.Epic{color:#A335EE;}
.Superior{color:#0070DD;}
.Uncommon{color:#1EFF00;}

.Icon16{
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:3px;
	padding:1px;
	background-color:#000;
	background-repeat:no-repeat;
}

/* Wow class colors & 16px icon background positions */
.Class1{color:#C79C6E;background-position:1px 1px;}
.Class2{color:#F58CBA;background-position:1px -16px;}
.Class3{color:#ABD473;background-position:1px -33px;}
.Class4{color:#FFF569;background-position:1px -50px;}
.Class5{color:#FFFFFF;background-position:1px -67px;}
.Class6{color:#C41F3B;background-position:1px -84px;}
.Class7{color:#338de5;background-position:1px -101px;}
.Class8{color:#69CCF0;background-position:1px -118px;}
.Class9{color:#9482C9;background-position:1px -135px;}
.Class10{color:#558A84;background-position:1px -152px;}
.Class11{color:#FF7D0A;background-position:1px -169px;}

.ClassIcon{
	float:left;
	margin-top:1px;
	background-image:url("./../img/classes16.png");
}


